/* 
	Custom CSS for the site 
*/

/* Global Settings */
body,html {
	background-color: {{ color_background }};
}
/* Font */
p,tr,td,h1,h2,h3,a:link,a:visited {
	color: {{ color_font }};
}

/* Header */

/* Header Site Name Bar */
#hd-site {
	background-color: {{ color_background }};
	color: white;
	margin: 0px;
	border: 0px;
	padding: 0px;
}
#hd-site table {
	margin: 0px;
	border: 0px;
}
#hd-site td, a{
	padding: 2px;
	border: 0px;
	color: white;
}
#hd-site-title {
	font-size: 150%;
	color: {{ color_background_font }};
}
#hd-site-tag {
	font-size: 100%;
	color: {{ color_background_font }};
}
#hd-site-breadcrumb{
	color: {{ color_background_font }};
}
#hd-site a:link,a:visited {
	color: white;
	text-decoration: none;
}

/* Header Menu */
#hd-menu {
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: black;
}
#hd-menu a:link, a:visited {
	color: white;
	text-decoration: underline;
}
#hd-menu-right {
	background-color: {{ color_background }};
	text-align: left;
	vertical-align: top; 
	color: white;
	margin-left: 0px;
}
#hd-menu-right a:visited, a:link {
	color: white;
}


#hd-menu-links {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#hd-menu-links div {
	padding: 3px;
	cursor: pointer;
	vertical-align: bottom; 
	margin-left: 0px;
}
#hd-menu-option1 {
	background-color: {{ color_home }};
	{% if option_home %}
	font-weight: bold;
	{% endif %}
}
#hd-menu-option2 {
	background-color: {{ color_portfolio }};
	cursor: pointer;
	width: 30%;
	{% if option_portfolio %}
	font-weight: bold;
	{% endif %}
}
#hd-menu-option3 {
	background-color: {{ color_browse }};
	cursor: pointer;
	width: 30%;
	{% if option_browse %}
	font-weight: bold;
	{% endif %}
}

/* Main Body Area Styling */
#bd {
	background: {{ color_base }};
	margin: 0px;
	padding: 0px;
	border-top: {{ color_highlight }} 15px solid;
	border-left: {{ color_highlight }} 5px solid;
}
#bd-header a:visited,a:link{
	color: blue;
	text-decoration: underline;
}

#yui-main {
	padding: 0px;
	margin: 0px;
}
#bd-header {
	border-bottom: 1px solid {{ color_highlight }};
	padding: 5px;
}

/* Sidebar Styling, not on all pages  color_bd_rightblock 
#bd-rightblock {
	background-color: {{ color_bd_rightblock }};
	border-left: 5px solid {{ color_highlight }};
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	padding: 10px;
}
#bd-rightblock p, h1, h2, h3, ul, li, a:visited, a:link  {
	color: {{ color_bd_rightblock_font }};

}

#bd-leftblock  {
	padding: 10px;
}
#bd-leftblock  p, h1, h2, h3, ul, li, a:visited, a:link {
	color: {{ color_bd_leftblock_font }};
}
*/

/* Footer */
#ft a:visited,a:link{
	color: {{ color_background_font }};
}
#ft p {
	background-color: {{ color_background }};
	text-align: center;
	color: {{ color_background_font }};
}

